// 发送日志
<template>
  <div class='release'>
      <nav-bar :title="name"/>
      <div class="mian">
        <div class="time">{{year+'-'+month+'-'+data}}</div>
        <div class="projectEvt">玻尿酸法令纹</div>
        <div class="name">
          <span>华西医院</span>
          <span class="name-right">xx医生名称</span>
        </div>
        <div class="picture">
          <h4>上传封面图片</h4>
          <van-uploader :after-read="afterRead" />
        </div>
        <div class="video">
          <h4>上传封面图片</h4>
          <van-uploader :after-read="afterRead" />

        </div>
        <div class="editing">
          <h4>文本编辑</h4>
          <textarea name="" id="" cols="40" rows="6"></textarea>
        </div>
        <div class="bot">
            <p>发送日志</p>
          </div>
      </div>
      
  </div>
</template> 

<script>
  import navBar from '@/components/navBar'
export default {
  
  props: {},
  components: {
    navBar
  },
  data() {
    return {
      year:null,
      month:null,
      data:null,
      name: '发送日志',
    };
  },
  methods: {
    afterRead(file) {
      // 此时可以自行将文件上传至服务器
      console.log(file);
    },
  },

  created() {
    let time=new Date()
    this.year=time.getFullYear()
    this.month=time.getMonth()+1
    this.data=time.getDate()
  },

  mounted() {},

  computed: {},

  watch: {},

};
</script>

<style lang='scss' scoped>

    .release{
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
      .mian{
        width: 100%;
        height: 100%;
        // background: yellow;
        padding-top: 46px;
        .time{
          position: absolute;
          top: 4.6rem;
          left: 1.3rem;
        }
        .projectEvt{
          position: absolute;
          right: 1.3rem;
          top: 3.9rem;
          border: 1px solid #ccc;
          font-size: 15px;
          width: 7.6rem;
          border-radius: 5px;
          height: 2.4rem;
          text-align: center;
          line-height: 2.4rem;
        }
        .name{
          position: absolute;
          top: 7rem;
          left: 1.3rem;
          font-size: 14px;
          width: 9rem;
          .name-right{
            float: right;
          }
        }
        .picture{
           position: absolute;
          left: 1.3rem;
          top: 9rem;
        }
        .video{
           position: absolute;
          left: 1.3rem;
          top: 18rem;
        }
        .editing{
           position: absolute;
          left: 1.3rem;
          top: 26rem;
          textarea{
             resize:none
          }
        }
        h4{
          margin-bottom: 1rem;
        }
         .bot{
          width: 80%;
          height: 3rem;
          background: #05c6bf;
          border-radius: 1rem;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 2rem;
          margin: auto;
          p{
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 3rem;
            color: #fff;
          }
          
        }
      }
    }
</style>